﻿<div class="panel-body">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs">
        <li class="active"><a href="#about" data-toggle="tab">Préambule</a></li>
        <li><a href="#rentree" data-toggle="tab">Chapitre 1</a></li>
        <li><a href="#chien" data-toggle="tab">Chapitre 2</a></li>
        <li><a href="#lys" data-toggle="tab">Chapitre 3</a></li>
        <li><a href="#bachelier" data-toggle="tab">Chapitre 4</a></li>
        <li><a href="#famille" data-toggle="tab">Chapitre 5</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div class="tab-pane active" id="about">
            @Html.Partial("Articles/Anecdote-01-01")
        </div>
        <div class="tab-pane" id="rentree">
            @Html.Partial("Articles/Anecdote-01-02")
        </div>
        <div class="tab-pane" id="chien">
            @Html.Partial("Articles/Anecdote-01-03")
        </div>
        <div class="tab-pane" id="lys">
            @Html.Partial("Articles/Anecdote-01-04")
        </div>
        <div class="tab-pane" id="bachelier">
            @Html.Partial("Articles/Anecdote-01-05")
        </div>
        <div class="tab-pane" id="famille">
            @Html.Partial("Articles/Anecdote-01-06")
        </div>
        <div class="tab-pane" id="settings">

        </div>
    </div>
</div>
